﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="bascs.aspx.cs" Inherits="GPCSC.Web.sjs.bascs" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
      <title>淮安市领导干部下基层活动网站</title>
<meta name="KEYWords" content="淮安市领导干部下基层活动,三解三促,三进三帮" />
<meta name="DEscription" content="淮安市领导干部下基层活动,三解三促,三进三帮" />
            <link type="text/css" rel="Stylesheet" href="../Css/textareaCss.css" />
    <link type="text/css" rel="Stylesheet" href="../Css/tableCss.css" />
    <link type="text/css" rel="Stylesheet" href="../styles/baseStyle.css" />
      <script type="text/javascript" src="../scripts/jquery-1.6.2.min.js"></script>
     <script type="text/javascript" src="../scripts/textarearesizer/jquery-latest.js"></script>
     <script type="text/javascript" src="../scripts/textarearesizer/jquery.textarearesizer.compressed.js"></script>

     <script type ="text/javascript" src ="../scripts/datepicker/WdatePicker.js"></script>



      <link href="../Css/main.css" rel="stylesheet" type="text/css" />
     <style> 
.menu
{
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 3px solid #49A2D7;
    font-size: 14px;
    height: 26px;
    left: 0;
    line-height: 26px;


    width:100%;

    text-align:left;
    
}
.menu ul
{
margin-top: 3px;


    text-align:left;
}	
<!---->
ul ,li
{

	   list-style: none outside none;
    text-align: left;

}
.menu ul li
{
	background: url("../Images/btn_bg.png") no-repeat scroll -1px -289px transparent;
    cursor: pointer;
    float: left;
    font-size: 14px;
    height: 30px;
    line-height: 26px;
    text-align: center;
    width: 87px;
    margin-left: 3px;

}
<!-- -->
.menu ul li a
{
	    color: #000000;
    display: block;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    width: 87px;
}
.menu ul  .on
{
   background: url("../Images/btn_bg.png") no-repeat scroll -92px -289px transparent;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    width: 87px;
	
	
}
.menu ul  .on a
{
	    color: #ffffff;
}
.trCss
{
    display:none;
}
.trCss1
{
    display:none;
 }
 .fontCss
 {
     font:  11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
color: #0161a1; 
cursor:pointer;
 }

</style>
     <script>
         $(document).ready(function () {
             //             input type="checkbox" 
             $("input[type='checkbox']").attr("checked", "");
             $('textarea.resizable:not(.processed)').TextAreaResizer();
             $("input[type='text']").addClass("inputCss");
             // alert("1");
         });
         //ids  具有单击事件的元素id
         //id 实现隐藏与展现的id
         function slideConfig(id, ids) {
             try {
                 var e = $("#" + ids);
                 var dir = e.attr("showhide");
                 if (dir == "Down") {
                     $("#" + id).slideUp(500);
                     e.attr("showhide", "Up");
                 }
                 else {
                     $("#" + id).slideDown(500);
                     e.attr("showhide", "Down");
                 }
             }
             catch (e) {
                 alert(e.Message);
             }
         }
         function change(e, trid) {
             var divs = document.getElementById("divs");
             var list = divs.getElementsByTagName("li")
             for (var i = 0; i < list.length; i++) {
                 var obj = list[i];
                 obj.className = "";

             }
             e.className = "on";

             var sd = e.id;
             document.getElementById("changs").value = sd;

             document.getElementById("tbtr").style.display = "";

             if (sd == "nc") {

                 var sd = $("#" + sd).attr("isshow");
                 if (sd == "true") {
                     document.getElementById("jnc").style.display = "";
                     document.getElementById("jsq").style.display = "none";
                     document.getElementById("jqy").style.display = "none";
                 }
                 else {
                     document.getElementById("jnc").style.display = "none";
                     document.getElementById("jsq").style.display = "none";
                     document.getElementById("jqy").style.display = "none";
                 }
             }
             if (sd == "sq") {
                 var sd = $("#" + sd).attr("isshow");
                 if (sd == "true") {
                     document.getElementById("jnc").style.display = "none";
                     document.getElementById("jsq").style.display = "";
                     document.getElementById("jqy").style.display = "none";
                 }
                 else {
                     document.getElementById("jnc").style.display = "none";
                     document.getElementById("jsq").style.display = "none";
                     document.getElementById("jqy").style.display = "none";
                 }
             }
             if (sd == "qy") {
                 var sd = $("#" + sd).attr("isshow");
                 if (sd == "true") {
                     document.getElementById("jnc").style.display = "none";
                     document.getElementById("jsq").style.display = "none";
                     document.getElementById("jqy").style.display = "";
                 }
                 else {
                     document.getElementById("jnc").style.display = "none";
                     document.getElementById("jsq").style.display = "none";
                     document.getElementById("jqy").style.display = "none";
                 }
             }
             //             document.getElementById("xsh").style.display = "none";
             //             document.getElementById("xsr").style.display = "none";

             //             document.getElementById("jnc").style.display = "none";
             //             document.getElementById("jsq").style.display = "none";
             //             document.getElementById("jqy").style.display = "none";

             //             $("input[type='checkbox']").attr("checked", "");

             //             $("tr[xs='true']").removeClass("").addClass("trCss1");


         }


         function changees() {

             var sdf = document.getElementById("changs").value;
             //             document.getElementById("xsh").style.display = "";
             //             document.getElementById("xsr").style.display = "";

             if (sdf == "nc") {
                 document.getElementById("jnc").style.display = "";
                 document.getElementById("jsq").style.display = "none";
                 document.getElementById("jqy").style.display = "none";
                 var sed = $("#nc").attr("isshow");
                 if (sed == "false") {
                     $("#nc").attr("isshow", "true");
                 }
                 //                 alert(sed);
             }
             else if (sdf == "sq") {
                 //社区
                 var sed = $("#sq").attr("isshow");
                 if (sed == "false") {
                     $("#sq").attr("isshow", "true");
                 }
                 document.getElementById("jnc").style.display = "none";
                 document.getElementById("jsq").style.display = "";
                 document.getElementById("jqy").style.display = "none";
             }
             else {
                 //企业 
                 var sed = $("#qy").attr("isshow");
                 if (sed == "false") {
                     $("#qy").attr("isshow", "true");
                 }
                 document.getElementById("jnc").style.display = "none";
                 document.getElementById("jsq").style.display = "none";
                 document.getElementById("jqy").style.display = "";
             }
             //             alert(sdf);

         }


         var groups = null;
         var es = null;
         function shAndHi(group, e) {
             groups = group;
             es = e;
             if (es.title == "隐藏") {
                 es.title = "展开";
                 es.src = "../Images/desc.gif";
             }
             else {
                 es.title = "隐藏";
                 es.src = "../Images/asc.gif";
             }


             $("tr[group='" + groups + "']").toggleClass("trCss", "");

         }
         function checkboxcheck(e) {
             var groups = $(e).attr("checkgroup");
             $("tr[checkgroup='" + groups + "']").toggleClass("trCss1", "");

         }

         //动态添加
         function adds(tableids) {

             //             var tables = document.getElementById("ncs");

             //             var docutr = document.createElement("tr");

             //             docutr.nodeValue = "<td>测试</td>";
             //             alert(document.getElementById(trids).val());
             //             document.getElementById("ncs").appendChild(docutr);
             var sd = $(".on").attr("id");
             if (sd == "nc") {
                 sd = "1";
             }
             else if (sd == "sq") {
                 sd = "2";
             }
             else if (sd == "qy") {
                 sd = "3";
             }
             var str = '';
             str += "<tr ><td class=\"tdC\">问题类别</td><td class=\"td\" ><select sel=\"sel1\"><option value=\"0\">合理且能解决</option><option value=\"1\">合理待解</option><option value=\"2\">不合理解决中</option></select></td><td class=\"tdC\">问题内容</td><td class=\"td\" colspan='3'> <textarea tex=\"te1\" class=\"resizable\" style=\"width: 100%;\" cols=\"20\" rows=\"4\"></textarea></td><td class=\"tdC\">解决类别</td><td class=\"td\" ><select sel=\"sel2\"><option  value=\"0\">已解决</option><option value=\"1\">未解决</option><option value=\"2\">解决中</option></select></td><td class=\"tdC\">解决内容</td><td class=\"td\" colspan='2'><textarea tex=\"te2\"  class=\"resizable\" style=\"width: 100%;\" cols=\"20\" rows=\"3\"></textarea></td><td><input type=\"button\" onclick=\"save(this,'" + sd + "')\" value=\"保存\" />&nbsp;&nbsp;&nbsp;&nbsp;<input type=\"button\" value=\"删除\" onclick=\"del(this)\" /></td></tr>";
             $("#" + tableids).append(str);
             $('textarea.resizable:not(.processed)').TextAreaResizer();

         }
         function Textarea10_onclick() {

         }
         function del(e) {

             var sdf = e.parentNode.parentNode.parentNode;

             var sd = e.parentNode.parentNode;
             sdf.removeChild(sd);

         }
         function save(e, ids) {

             var sdg = e.parentNode.parentNode.parentNode;

             var sel = $(sdg).find("select[sel='sel1']");
             var se2 = $(sdg).find("select[sel='sel2']");
             var tex1 = $(sdg).find("textarea[tex='te1']");
             var tex2 = $(sdg).find("textarea[tex='te2']");

             LCallBack.Callback(sel.val(), se2.val(), tex1.val(), tex2.val(), ids);
             $(e).attr("value", "已保存").attr("color", "red");

         }

     </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="29" background="../images/1.gif"><table width="300" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="300" class="tittle">当前位置：活动基本信息</td>
      </tr>
    </table></td>
    <td align="right" background="../images/1.gif" style="padding-right:20px;">
    <a href="#" onclick="window.close()"  class="returna">
        返回    
    </a>
    </td>
  </tr>
</table>
        <table>
     <tr  group="hdqk">
    <td class="tdC" >活动日期</td>
      <td class="td" colspan='2'>
       <div style="float:left;"> 
                                     <input type="text" id="MtxtD_HDKSDate"  value="2012-04-09" runat="server"/></div>
                                        <div style="float:left;">
                                         <img  style="margin-bottom:0px;"  src="../Images/calendar.gif"  onclick="WdatePicker({el:'MtxtD_HDKSDate'})"/>
                                       
                                       &nbsp;&nbsp;&nbsp;&nbsp;至
                                       </div>   
             
                                    <div style="float:left;"> 
                                    &nbsp;&nbsp;&nbsp;&nbsp;
                                         <input type="text"  id="MtxtD_HDJSDate"  value="2012-05-31" runat="server" /></div>
                                        <div style="float:left;">
                                         <img  style="margin-bottom:0px;"  src="../Images/calendar.gif"  onclick="WdatePicker({el:'MtxtD_HDJSDate'})"/>
                                         </div> 
        </td>
    </tr>
    <tr>
     <td class="tdC" colspan='1' >活动天数</td>
        <td class="td" colspan='2'>
           <input type="text" id="MtxtD_HDDay" value="15" runat="server" />天
         </td>
    </tr>
        <tr>
     <td class="tdC" colspan='1' >民情日记天数</td>
        <td class="td" colspan='2'>
           <input type="text" id="Text1" value="3" runat="server" />篇
         </td>
    </tr>
    </table>
    </div>
    </form>
</body>
</html>